<template>
  <div class="pl-48 p-8 flex">
    <div class="flex flex-col items-center gap-16 w-full px-8">
      <div class="bg-[#FAE1F1] p-16 rounded-lg text-[rgb(239,133,191)] font-bold text-2xl text-center w-2/3">
        {{ data.title }}
      </div>
      <div>
        {{ data.content }}
      </div>
    </div>
  </div>
</template>

<script setup>
const route = useRoute()
const { data } = useFetch('/api/knowledge/' + route.params.id)
</script>
